<template>
	  <div class="topas">
	  		  <div style="width:1089px;height:100%;margin:0 auto;padding-top:40px;text-align:left;position:relative;">
	  			  <p style="font-size: 22px;color:#512da7;line-height: 40px;">{{datext.tetx1}}</p>
	  			  <p style="font-size: 14px;color:#666666;line-height:40px;">{{datext.text2}}</p>
				 <!-- <div class="btnsa" v-show="shows">
				  		<div :class="{btns:index!=$store.state.alzs_num,btns2:index==$store.state.alzs_num}" v-for="(i,index) in btnsb" @click="$store.state.alzs_num=index">{{i}}</div>
						
				  </div> -->
	  		  </div>
	  </div>
</template>

<script>
export default {
  name: 'stu',
  components: {},//声明子组件
  computed:{},
  data(){
	  return {
		  btnsb:['智慧办公案例','智能家居案例'],
	  }
  },
  props:{
	  datext:{
		  type: Object,
		  tetx1:String,
		  text2:String,
		  
	  },
	  shows:Boolean,
	  
  },
  methods:{
	 
  },
  mounted(){
	  
  }
}
</script>
<style scoped="scoped">
	.btns2{
		width: 150px;
		height: 50px;
		background: #F5F5F5;
		float:right;margin-left:10px;
		color: rgba(81, 45, 167,1);
	}
	.btns{
		width: 150px;
		height: 50px;
		background: #F0F0F0;
		float:right;margin-left:10px;
		color: #666666;
	}
	.btnsa{
		width: 350px;
		height: 50px;
		font-size: 14px;
		color: #666666;
		position: absolute;
		right: 0;
		top: 60px;
		line-height: 50px;
		text-align: center;
	}
	.topas{
		width:100%;
		height:154px;
		border-bottom: 1px solid #DEDEDE;
	}
</style>
